<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= web_title%></title>
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="/ruoling/css/ruoling-ui.css">
    <link rel="stylesheet" href="/ruoling/css/ruoling-load.css">
</head>
<style>
    /* chrome */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    /* 火狐浏览器 */
    input[type="number"] {
        -moz-appearance: textfield;
    }
    .Yiling-padding {
        padding: 20px 15px;
    }
    .Yiling-border-blue {
        border: 1px solid #0064b6;
    }
    .Yiling-border-block {
        border: 1px solid #000;
    }
    .Yiling-Body {
        background-color: #ffffff;
    }
    .icon_i{
        font-size:20px;
        width:32px;
        height:32px;
        padding:4px;
        margin:4px;
        display:inline-block;
        vertical-align:top;
        color:#000000;
        cursor:pointer;
        border:8px;
        text-align:center;
        line-height:32px;
    }
    .icon_i:hover {
        background-color: #5FB878
    }
</style>

<body class="Yiling-Body">
    <div style="padding:20px 0px;background-color: #ffffff;">
        <div class="ico_list">
            <i class="layui-icon layui-icon-face-smile icon_i"></i>
        </div>
    </div>
</body>
</html>
<script src="/layuiadmin/layui/layui.js"></script>
<script>
    layui.config({
        base:""
    }).extend({
        Yiling:"/libs/ruoling-request/js/Yiling-Request"
    }).use(["table","layer","jquery","form",'Yiling'],function(){
        let table = layui.table;
        let layer = layui.layer;
        let $ = layui.jquery;
        let form = layui.form;
        let request = layui.Yiling.YI_Ajax;
        init();
        function init() {
            let ico_list = document.querySelector(".ico_list");
            let list = '<%= data%>'
            let Icon_Arr = list.split(",")
            let html = "";
            for (let i = 0; i < Icon_Arr.length; i++) {
                html += ' <i class="layui-icon ' + Icon_Arr[i] + ' icon_i" data-icon="' + Icon_Arr[i]+'"></i>'
            }
            ico_list.innerHTML = html;
            let ico_list_children = ico_list.children;
            //点击
            for (let n = 0; n < ico_list_children.length; n++) {
                ico_list_children[n].addEventListener("click", function () {
                    parent.window.IconOn(this.getAttribute("data-icon"))
                })
            }

        }
        function ifaremClose(){
            //获取特定iframe层的索引
            let index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        };
    })
</script>

<!-- 时间格式化 -->
<script type="text/html" id="SetDateCrete">
    {{FormDate(d.creationtime,"yyyy年MM月dd日 HH:mm:ss")}}
</script>
<script>
    function FormDate(d,str){
        return layui.util.toDateString(d, str)
    }
</script>